#message__information{
  margin: 20px auto 180px auto;

  .information__catalog{
    ul{
      background: #ffffff;
      border: 1px solid #E1E2EA;
      border-radius: 2px;
      li{
        border-bottom: 1px solid #E1E2EA;
        padding: 14px 27px;
        &:last-child{
          border: none;
        }
        a{
          font-size: 14px;
          color: #9B9B9B;
          line-height: 20px;
          font-weight: bold;

          &.a__active{
            color: #000;
          }
        }
      }
    }
  }
  .information__content{
    .content__box{
      background: #ffffff;
      border-radius: 4px;
      .content_edit{

        .edit__tab{
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 15px 30px 8px 30px;
          border-bottom: 1px solid #E1E2EA;

          .tab__left{
            display: flex;
            align-items: center;
            p{
              padding-right: 43px;
              a{
                padding-bottom: 5px;
                color: #9B9B9B;
                :hover{
                  color: #9B9B9B;
                }
                &.active{
                  color: #224C86;
                  border-bottom: 2px solid #224C86;
                  :hover{
                    color: #224C86;
                  }
                }
              }
            }
          }
          .tab__right{
            display: flex;
            align-items: center;
            p{
              padding-right: 43px;
              a{
                padding-bottom: 5px;
                color: #9B9B9B;
                :hover{
                  color: #9B9B9B;
                }
                &.active{
                  color: #224C86;
                  border-bottom: 2px solid #224C86;
                  :hover{
                    color: #224C86;
                  }
                }
              }

            }
            .edit_btn{
              background: #224C86;
              padding: 4px 8px;
              border-radius: 2px;
              color: #fff;
            }
          }
        }
        .message__box{
          padding: 0px 30px 33px 30px;
          .message-item{
            border-bottom: 1px solid #E1E2EA;
            display: flex;
            padding: 33px 0;
            .left__box{
              width: 48px;
              height: 48px;
              position: relative;
              .round{
                position: absolute;
                right: 0;
                top: 0;
                display: inline-block;
                width: 10px;
                height: 10px;
                background: #EA4448;
                border-radius: 100%;
              }
              img{

                width: 48px;
                height: 48px;
                border-radius: 100%;

              }
            }
            .right__box{
              margin-left: 25px;
              .user__title{
                display: flex;
                align-items: center;
                color: #9B9B9B;
                padding-bottom: 12px;
                .user_name{
                  font-size: 16px;
                  line-height: 22px;
                  font-weight: bold;
                  margin-right: 24px;
                }
                .user__time{
                  font-size: 12px;
                  line-height: 17px;
                }
              }
            }
          }

        }
        .no__more{
          margin-top: 13px;
          text-align: center;
          font-size: 12px;
          line-height: 17px;
          color: #9B9B9B;
        }
      }
    }

  }
}